const text='hello idol' //声明常量
let name1='ngs'  //声明变量
name1='tcly'
// number:包括整数、浮点数
const num=777
// string:字符串
const str='kirakira'
// boolean:布尔类型 true false
const bi=false
//object:对象类型 
const obj={
    name: 'hyr',
    age: 2
 }
//array:数组
const arr=[2,3,5,7]
//数字、字符串、布尔类型、obj和arr指向的地址直接存放在栈中，由于声明常量，不可修改
//obj和arr分别指向对象和数组在堆中的地址，其内容存放在堆中，可以修改
obj.name='jun'//正确
//obj={}错误

function fn(a) {
    //函数外部访问不到函数内部的数据
    //函数内部可以访问外部的数据（全局变量）
    console.log(text + '-' + name1)  //打印日志
    console.log(a)
    // 对象
    // console.log(a.name,a.age)
    // console.log(a['name'],a['age'])
    // 数组
    console.log(a[0],a[a.length-1],a.length)
}


fn(arr)

// function handleclick(e) {
//     console.log(e)
//     e.target.style.color='red'
//     const producerElem = document.getElementById('anzi')
//     console.log(producerElem)
//     producerElem.style.display='none'
//     if(producerElem.classList.contains('circle-show')){
//         producerElem.className='circle-none'
//     }else{
//         producerElem.classList.add('circle-show')
//     }
// }
//或者
const handleclick=function(e) {
    console.log(e)
    e.target.style.color='green'
    const Elem = document.getElementById('hyr')
    Elem.style.display='none'
    if(Elem.classList.contains('circle-show')){
        Elem.className='circle-none'
    }else{
        Elem.classList.add('circle-show')
    }
}
const buttonElem=document.getElementById('button')
buttonElem.addEventListener('click',handleclick)
// buttonElem.addEventListener('click',function /*此处有名字也可以，但外面访问不到*/(params) {
    
// })
//buttonElem.addEventListener('click',handleclick()执行函数)不可以这么写
function handleback(e){
    buttonElem.style.color='black'
    const Elem = document.getElementById('hyr')
    Elem.style.display='block'
}
const backbutton=document.getElementById('back')
backbutton.addEventListener('click',handleback)